<div class="row" style="padding-left:40px;">    <!--查询条件开始-->
  <div class="col-md-11">
    <div class="row">
      <div class="col-md-3">
      <div class="input-group input-group-sm">
        <span class="input-group-addon" id="branchInsuranceCompanyId">保险公司:</span>
        <insuraceCompanyListComponent  (insureCompany)="getCompanyId($event)"></insuraceCompanyListComponent>
      </div>
    </div>
      <div class="col-md-3">
      <div class="input-group input-group-sm">
        <span class="input-group-addon" id="diagnosisName">诊断信息:</span>
        <input type="text" class="form-control" id="serchDiagnosisName"  placeholder="请输入诊断信息" (focus)="getDiagnosNames($event,'search')" [(ngModel)]="diagnosisName">
      </div>
    </div>
      <div class="col-md-2">
        <div class="input-group input-group-sm">
          <span class="input-group-addon" id="feeType">费用类型:</span>
          <select aria-describedby="expertist" class="form-control" [(ngModel)]="feetype" ng-change="import()">
            <option *ngFor="let feetype of feetypelist" [value]="feetype.id">
              {{feetype.name}}
            </option>
          </select>
        </div>
      </div>

      <div class="col-md-1">
        <button type="button" class="btn btn-primary" (click)="searchInjuryBasePrice()">
          <i class="fa fa-search"></i>&nbsp;&nbsp;&nbsp;&nbsp;搜索&nbsp;&nbsp;&nbsp;&nbsp;
        </button>
      </div>
      <div class="col-md-1">
        <button type="button" class="btn btn-primary" (click)="alterCostInfo()">
          <i class="fa fa-plus" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;&nbsp;新增&nbsp;&nbsp;&nbsp;&nbsp;
        </button>
      </div>
  </div>
</div>

<table class="table table-bordered table-condensed table-hover">
  <thead>
  <tr>
    <th *ngFor="let injurySiteTitle of injurySiteTitle">{{injurySiteTitle.name}}</th>
  </tr>
  </thead>
  <!-- On rows -->
  <tbody style="background-color: #ffffff">
  <tr *ngFor="let injuryBasePrice of injuryBasePriceList;let i = index">
    <td>{{i+1}}</td>
    <td>{{injuryBasePrice.branchInsuranceCompanyName}}</td>
    <td>{{injuryBasePrice.diagnosisName}}</td>
    <td>{{injuryBasePrice.diagnosisSubName}}</td>
    <td>{{injuryBasePrice.basePrice}}</td>
    <td><button type="button" class="btn btn-link" style="max-height: 20px"><i class="fa fa-trash-o" aria-hidden="true"  (click)="deleteCostInfo(injuryBasePrice)">删除</i></button>
      &nbsp;&nbsp;&nbsp;&nbsp;
      <button type="button" class="btn btn-link"  style="max-height: 20px"><i class="fa fa-pencil-square-o" aria-hidden="true"  (click)="alterCostInfo(injuryBasePrice)">修改</i></button></td>

  </tr>
  </tbody>
</table>
  <pagination-component [pageModel]="pageModel" (updatePageDatas)="getInjuryBasePriceList()"></pagination-component>


  <!--增加/修改-->
  <!--模态框开始-->
  <div class="modal fade" id="alterCostInformationWin" tabindex="-1" role="dialog" aria-labelledby="alterModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"
                  aria-hidden="true">×
          </button>
          <h3 class="modal-title" id="alterModalLabel">
            {{OperationWinTitle}}
          </h3>
        </div>
        <div class="modal-body">
          <table class="table table-bordered table-hover">
            <tr>
              <td> 保险公司</td>
              <td >
                <insuraceCompanyListComponent  [branchInsuranceCompanyId]="feeBasePriceModel.branchInsuranceCompanyId" (insureCompany)="getCompanyId($event)"></insuraceCompanyListComponent>
              </td>
            </tr>
            <tr>
              <td>诊断信息</td>
              <td ><input value="''"  type="text" id="alterdiagnoseInfo" (focus)="getDiagnosNames($event,'alter')" class="form-control" [(ngModel)]="feeBasePriceModel.diagnosisName"  >
              </td>
            </tr>
            <tr>
              <td>费用类型</td>
              <td>
                <select aria-describedby="treatType" class="form-control" [(ngModel)]="feeBasePriceModel.feetype" >
                  <option *ngFor="let feetype of feetypelist" [value]="feetype.id">
                    {{feetype.name}}
                  </option>
                </select>
              </td>
            </tr>
            <tr>
              <td>基价</td>
              <td><input type="text" id="basePrice" class="form-control" [(ngModel)]="feeBasePriceModel.basePrice"></td>
            </tr>
          </table>
        </div>
        <div class="modal-footer">
          <button  type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true">
            关闭
          </button>

          <button *ngIf="saveFlag" type="button" class="btn btn-primary" (click)="saveInjuryWin()" style="background-color: #13b5b1;">保存</button>
          <button *ngIf="!saveFlag" type="button" class="btn btn-primary" (click)="updateInjuryWin()" style="background-color: #13b5b1;">保存</button>

        </div>
      </div>
    </div>
    </div>
     <!--模态框结束-->
  <div class="modal fade" id="importModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
       aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">

        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"
                  aria-hidden="true">×
          </button>
          <h3 class="modal-title" id="myModalLabel">
            {{expertCheckOperationWinTitle}}
          </h3>
        </div>
        <div class="modal-body">
            <div>
              <form method="post" enctype="multipart/form-data" id="form1" action="">
                <input id="upfile" type="file" name="upfile">
                <input type="submit" class="btn btn-primary" (click)="saveImportData()" style="background-color: #13b5b1;" value="导入数据">
              </form>
            </div>
        </div>
        <div class="modal-footer">
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
